<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="../script/bootstrap-3.3.7.min.css">
            <style type="text/css">
                ul.disc {
                    list-style-type: disc;
                }
                ul.disc>li{
                    display: inline;
                }
                ul.circle {list-style-type: circle}
                ul.square {list-style-type: square}
                ul.none {list-style-type: none}

                ol.decimal {list-style-type: decimal}
                ol.lroman {list-style-type: lower-roman}
                ol.uroman {list-style-type: upper-roman}
                ol.lalpha {list-style-type: lower-alpha}
                ol.ualpha {list-style-type: upper-alpha}
            </style>
</head>
<body>
    <ul class="disc">
    <li>咖啡</li>
    <li>茶</li>
    <li>可口可乐</li>
        <li>不换行的导航格栏, display:inline</li>
    </ul>

    <ul class="circle">
    <li>咖啡</li>
    <li>茶</li>
    <li>可口可乐</li>
    </ul>

    <ul class="square">
    <li>咖啡</li>
    <li>茶</li>
    <li>可口可乐</li>
    </ul>

    <ul class="none">
    <li>咖啡</li>
    <li>茶</li>
    <li>可口可乐</li>
    </ul>

    <ol class="decimal">
    <li>咖啡</li>
    <li>茶</li>
    <li>可口可乐</li>
    </ol>

    <ol class="lroman">
    <li>咖啡</li>
    <li>茶</li>
    <li>可口可乐</li>
    </ol>

    <ol class="uroman">
    <li>咖啡</li>
    <li>茶</li>
    <li>可口可乐</li>
    </ol>

    <ol class="lalpha">
    <li>咖啡</li>
    <li>茶</li>
    <li>可口可乐</li>
    </ol>

    <ol class="ualpha">
    <li>咖啡</li>
    <li>茶</li>
    <li>可口可乐</li>
    </ol>
</body>
</html>